<template>
   <div>

    <div class="content">

      <!--管路滑脱事件-->
      <div style="width: 100%">
        <div class="bname" ref="block0">管路滑脱事件</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="basicForm" :model="basicForm" label-width="140px">
            <el-form-item label="置管日期" :rules="[{required: true, message: '置管日期未选择'}]">
              <el-date-picker
                v-model="basicForm.pipelineDateCatheterization"
                type="date"
                placeholder="选择日期时间"
                :readonly="true"
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item label="管路类型">
              <el-radio-group v-model="basicForm.pipelinePipingType" onclick="return false">
                <el-radio label="01">胃管</el-radio>
                <el-radio label="02">鼻肠管</el-radio>
                <el-radio label="03">导尿管</el-radio>
                <el-radio label="04">CVC</el-radio>
                <el-radio label="05">PICC</el-radio>
                <el-radio label="06">气管插管</el-radio>
                <el-radio label="07">气管切开导管</el-radio>
                <el-radio label="08">胸腔闭式引流管</el-radio>
                <el-radio label="09">盆腔引流管</el-radio>
                <el-radio label="10">其他</el-radio>
              </el-radio-group>
            </el-form-item>
            <!--                        <el-form-item label="PICC导管类型" :rules="[{required: true, message: '报告类型未选择'}]">-->
            <!--                          <el-radio-group v-model="basicForm.reporttype">-->
            <!--                            <el-radio label="单腔导管"></el-radio>-->
            <!--                            <el-radio label="双腔导管"></el-radio>-->
            <!--                            <el-radio label="三腔导管"></el-radio>-->
            <!--                          </el-radio-group>-->
            <!--                        </el-form-item>-->
            <!--                        <el-form-item label="PICC置管位置" :rules="[{required: true, message: '报告类型未选择'}]">-->
            <!--                          <el-radio-group v-model="form.reporttype">-->
            <!--                            <el-radio label="贵要静脉"></el-radio>-->
            <!--                            <el-radio label="头静脉"></el-radio>-->
            <!--                            <el-radio label="肱静脉"></el-radio>-->
            <!--                            <el-radio label="肘正中静脉"></el-radio>-->
            <!--                            <el-radio label="大隐静脉"></el-radio>-->
            <!--                            <el-radio label="颞浅静脉"></el-radio>-->
            <!--                            <el-radio label="耳后静脉"></el-radio>-->
            <!--                            <el-radio label="股静脉"></el-radio>-->
            <!--                            <el-radio label="其他"></el-radio>-->
            <!--                          </el-radio-group>-->
            <!--                        </el-form-item>-->
            <!--                        <el-form-item label="PICC置管方式" :rules="[{required: true, message: '报告类型未选择'}]">-->
            <!--                          <el-radio-group v-model="form.reporttype">-->
            <!--                            <el-radio label="超声引导"></el-radio>-->
            <!--                            <el-radio label="盲穿"></el-radio>-->
            <!--                          </el-radio-group>-->
            <!--                        </el-form-item>-->
            <el-form-item label="留置导管的主要原因" :rules="[{required: true, message: '留置导管的主要原因未选择'}]">
              <el-radio-group v-model="basicForm.pipelineIndwellingCauses" onclick="return false">
                <el-radio label="01">输入高渗液体</el-radio>
                <el-radio label="02">输入化疗药物</el-radio>
                <el-radio label="03">长期输液</el-radio>
                <el-radio label="04">抢救和检测需要</el-radio>
                <el-radio label="05">尿潴留</el-radio>
                <el-radio label="06">尿失禁</el-radio>
                <el-radio label="07">监测尿量</el-radio>
                <el-radio label="08">昏迷或精神异常无法自行排尿</el-radio>
                <el-radio label="09">近期有手术</el-radio>
                <el-radio label="10">骶尾部或会阴部有开放性伤口</el-radio>
                <el-radio label="11">其他</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="是否为抗菌导管" :rules="[{required: true, message: '是否为抗菌导管未选择'}]">
              <el-radio-group v-model="basicForm.pipelineAntibacterialCatheters" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生CLABSI">
              <el-radio-group v-model="basicForm.pipelineClabsiOccurs" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生CLABSI时导管留置时长" style="width: 600px">
              <el-input v-model="basicForm.pipelineIndwellingTime" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="该患者本次住院非计划性拔管次数" :rules="[{required: true, message: '该患者本次住院非计划性拔管次数未选择'}]">
              <el-radio-group v-model="basicForm.pipelineNumberExtubations" onclick="return false">
                <el-radio label="01">第1次</el-radio>
                <el-radio label="02">第2次</el-radio>
                <el-radio label="03">第3次</el-radio>
                <el-radio label="04">>3次</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="非计划拔管主要原因" :rules="[{required: true, message: '非计划拔管主要原因未选择'}]">
              <el-radio-group v-model="basicForm.pipelineExtubationReason" onclick="return false">
                <el-radio label="01">患者自拔</el-radio>
                <el-radio label="02">管路滑脱</el-radio>
                <el-radio label="03">患者不慎拔管</el-radio>
                <el-radio label="04">阻塞</el-radio>
                <el-radio label="05">感染</el-radio>
                <el-radio label="06">材质问题</el-radio>
                <el-radio label="07">其他</el-radio>
              </el-radio-group>
            </el-form-item>
            <!--            <el-form-item label="其它" style="width: 600px">-->
            <!--              <el-input v-model="form.patientage"></el-input>-->
            <!--            </el-form-item>-->
            <el-form-item label="是否重置" style="width: 600px">
              <el-input v-model="basicForm.pipelineReset" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="非计划拔管时有无约束" :rules="[{required: true, message: '非计划拔管时有无约束未选择'}]">
              <el-radio-group v-model="basicForm.pipelineRestraint" onclick="return false">
                <el-radio label="01">有</el-radio>
                <el-radio label="02">无</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="拔管时有无家属陪伴">
              <el-radio-group v-model="basicForm.pipelineAccompaniedFamily" onclick="return false">
                <el-radio label="01">有</el-radio>
                <el-radio label="02">无</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="拔管时有无家属陪伴" :rules="[{required: true, message: '拔管时有无家属陪伴未选择'}]">
              <el-radio-group v-model="basicForm.pipelineAccompanyFamily" onclick="return false">
                <el-radio label="01">高危</el-radio>
                <el-radio label="02">中危</el-radio>
                <el-radio label="03">低危</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="非计划拔管时患者状态" :rules="[{required: true, message: '非计划拔管时患者状态未选择'}]">
              <el-radio-group v-model="basicForm.pipelinePatientStatus" onclick="return false">
                <el-radio label="01">卧床时</el-radio>
                <el-radio label="02">翻身时</el-radio>
                <el-radio label="03">过床时</el-radio>
                <el-radio label="04">转运时</el-radio>
                <el-radio label="05">检查时</el-radio>
                <el-radio label="06">其它</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="非计划拔管时患者神志" :rules="[{required: true, message: '非计划拔管时患者神志未选择'}]">
              <el-radio-group v-model="basicForm.pipelinePatientConscious" onclick="return false">
                <el-radio label="01">清醒</el-radio>
                <el-radio label="02">嗜睡</el-radio>
                <el-radio label="03">朦胧</el-radio>
                <el-radio label="04">躁动</el-radio>
                <el-radio label="05">昏迷</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="非计划拔管时患者是否镇静">
              <el-radio-group v-model="basicForm.pipelineWhetherSedated" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
                <el-radio label="03">不知道</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="非计划拔管时患者镇静评分工具" :rules="[{required: true, message: '非计划拔管时患者镇静评分工具未选择'}]">
              <el-radio-group v-model="basicForm.pipelineScoringTools" onclick="return false">
                <el-radio label="01">RASS(Richmond躁动-镇静评分)</el-radio>
                <el-radio label="02">SAS(镇静-躁动评分)</el-radio>
                <el-radio label="03">其他量表</el-radio>
                <el-radio label="04">未评估</el-radio>
              </el-radio-group>
            </el-form-item>
            <!--            <el-form-item label="SAS评分" :rules="[{required: true, message: '报告类型未选择'}]">-->
            <!--              <el-radio-group v-model="form.reporttype">-->
            <!--                <el-radio label="1"></el-radio>-->
            <!--                <el-radio label="2"></el-radio>-->
            <!--                <el-radio label="3"></el-radio>-->
            <!--                <el-radio label="4"></el-radio>-->
            <!--                <el-radio label="5"></el-radio>-->
            <!--                <el-radio label="6"></el-radio>-->
            <!--                <el-radio label="7"></el-radio>-->
            <!--              </el-radio-group>-->
            <!--            </el-form-item>-->
            <el-form-item label="活动能力" :rules="[{required: true, message: '活动能力未选择'}]">
              <el-radio-group v-model="basicForm.pipelineMobility" onclick="return false">
                <el-radio label="01">行动正常</el-radio>
                <el-radio label="02">使用助行器</el-radio>
                <el-radio label="03">残肢</el-radio>
                <el-radio label="04">无法行动</el-radio>
                <el-radio label="05">需人辅助</el-radio>
                <el-radio label="06">其它</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="精神状态" :rules="[{required: true, message: '精神状态未选择'}]">
              <el-radio-group v-model="basicForm.pipelineMentalState" onclick="return false">
                <el-radio label="01">平静</el-radio>
                <el-radio label="02">烦躁</el-radio>
                <el-radio label="03">焦虑</el-radio>
                <el-radio label="04">恐惧</el-radio>
                <el-radio label="05">其它</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="自我照顾能力">
              <el-radio-group v-model="basicForm.pipelineSelfcare" onclick="return false">
                <el-radio label="01">自理</el-radio>
                <el-radio label="02">部分依赖</el-radio>
                <el-radio label="03">完全依赖</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="管道固定方法">
              <el-radio-group v-model="basicForm.pipelinePipeFixation" onclick="return false">
                <el-radio label="01">常规</el-radio>
                <el-radio label="02">缝合</el-radio>
                <el-radio label="03">胶布固定</el-radio>
                <el-radio label="04">水囊固定</el-radio>
                <el-radio label="05">其它</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="健康宣数">
              <el-radio-group v-model="basicForm.pipelineHealthEducation" onclick="return false">
                <el-radio label="01">已做</el-radio>
                <el-radio label="02">未做</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="约束带使用">
              <el-radio-group v-model="basicForm.pipelineRestraintUse" onclick="return false">
                <el-radio label="01">有</el-radio>
                <el-radio label="02">无</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="管路滑脱时工作人员">
              <el-radio-group v-model="basicForm.pipelineStaffMember" onclick="return false">
                <el-radio label="01">在患者身边</el-radio>
                <el-radio label="02">未在患者身边</el-radio>
                <el-radio label="03">其他</el-radio>
              </el-radio-group>
            </el-form-item>
<!--            <el-checkbox-group v-model="checkList2">-->
<!--              <el-checkbox label="01" disabled="disabled">复选框 A</el-checkbox>-->
<!--              <el-checkbox label="02" disabled="disabled">复选框 B</el-checkbox>-->
<!--              <el-checkbox label="03" disabled="disabled">复选框 C</el-checkbox>-->
<!--              <el-checkbox label="04" disabled="disabled">选中且禁用</el-checkbox>-->
<!--              <el-checkbox label="05" disabled="disabled">禁用</el-checkbox>-->
<!--            </el-checkbox-group>-->
            <el-form-item label="并发症">
              <el-checkbox-group v-model="bingfa" @change="outputSelectedValues" onclick="return false">
                <el-checkbox label="01">无</el-checkbox>
                <el-checkbox label="02">出血(ml)</el-checkbox>
                <el-checkbox label="03">血栓</el-checkbox>
                <el-checkbox label="04">窒息</el-checkbox>
                <el-checkbox label="05">感染</el-checkbox>
                <!--                <el-checkbox label="06">气胸</el-checkbox>-->
                <!--                <el-checkbox label="07">吻合口瘘</el-checkbox>-->
                <!--                <el-checkbox label="08">气栓</el-checkbox>-->
                <!--                <el-checkbox label="09">其它</el-checkbox>-->
              </el-checkbox-group>
            </el-form-item>
            <!--            <el-form-item label="其他" style="width: 600px">-->
            <!--              <el-input v-model="form.patientage"></el-input>-->
            <!--            </el-form-item>-->
          </el-form>
        </div>
      </div>

      <!--事件情况描述-->
      <div style="width: 100%">
        <div class="bname" ref="block1" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件情况描述
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="事件描述或事件经过" style="width: 600px">
              <el-input type="textarea" v-model="reportForm.situationEdescriptionProcess" :readonly="true":rows="3"
                        resize="none"></el-input>
            </el-form-item>
            <el-form-item label="事件发生时是否采取处理措施" :rules="[{required: true, message: '事件发生时是否采取处理措施未选择'}]">
              <el-radio-group v-model="reportForm.situationMeasuresEvent" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="采取的处理措施" style="width: 600px">
              <el-input type="textarea" v-model="reportForm.situationTakenMeasures" :rows="3" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--患者资料-->
      <div style="width: 100%">
        <div class="bname" ref="block2" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">患者资料
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="是否涉及患者" :rules="[{required: true, message: '是否涉及患者未选择'}]">
              <el-radio-group v-model="reportForm.patientInvolved" onclick="return false">
                <el-radio label="01">是</el-radio>
                <el-radio label="02">否</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断类别" :rules="[{required: true, message: '诊断类别未选择'}]">
              <el-radio-group v-model="reportForm.patientDiagnosisCategory" onclick="return false">
                <el-radio label="01">急诊</el-radio>
                <el-radio label="02">门诊</el-radio>
                <el-radio label="03">住院</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="病历号/门诊号" style="width: 600px" :rules="[{required: true, message: '病历号/门诊号不能为空'}]">
              <el-input v-model="reportForm.patientRecordOutpatient" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="姓名" style="width: 600px" :rules="[{required: true, message: '患者姓名不能为空'}]">
              <el-input v-model="reportForm.patientName" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="性别" :rules="[{required: true, message: '性别未选择'}]">
              <el-radio-group v-model="reportForm.patientGender" onclick="return false" >
                <el-radio label="01">男</el-radio>
                <el-radio label="02">女</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="出生日期" >
              <el-date-picker
                v-model="reportForm.patientDateOfBirth"
                type="date"
                placeholder="选择日期"
                :disabled="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="年龄" style="width: 600px">
              <el-input v-model="reportForm.patientAge" :readonly="true" ></el-input>
            </el-form-item>
            <!--            <el-form-item label="">-->
            <!--              <el-radio-group v-model="form.drugReaction">-->
            <!--                <el-radio label="岁"></el-radio>-->
            <!--                <el-radio label="月"></el-radio>-->
            <!--                <el-radio label="天"></el-radio>-->
            <!--                <el-radio label="小时"></el-radio>-->
            <!--              </el-radio-group>-->
            <!--            </el-form-item>-->
            <el-form-item label="年龄阶段" prop="patientAgeStage">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_patient_age_grades" :value="reportForm.patientAgeStage"/>
              </div>
            </el-form-item>
            <el-form-item label="家属联系电话" style="width: 600px">
              <el-input v-model="reportForm.patientFamilyNumber" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="入院就诊时间" :rules="[{required: true, message: '入院就诊时间未选择'}]">
              <el-date-picker
                v-model="reportForm.patientAdmissionTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <!--            <el-form-item label="科室" >-->
            <!--              <el-select v-model="form.keshiform"  filterable>-->
            <!--                <el-option-->
            <!--                  v-for="item in keshiFormOption"-->
            <!--                  :key="item.value"-->
            <!--                  :label="item.value"-->
            <!--                  :value="item.value">-->
            <!--                </el-option>-->
            <!--              </el-select>-->
            <!--            </el-form-item>-->
            <el-form-item label="科室" prop="patientDepartment">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_department_name" :value="reportForm.patientDepartment"/>
              </div>
            </el-form-item>
            <el-form-item label="床号" style="width: 600px">
              <el-input v-model="reportForm.patientBedNumber" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="护理级别">
              <el-radio-group v-model="reportForm.patientNursingLevel" onclick="return false">
                <el-radio label="01">特级护理</el-radio>
                <el-radio label="02">Ⅰ级护理</el-radio>
                <el-radio label="03">Ⅱ级护理</el-radio>
                <el-radio label="04">Ⅲ级护理</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="文化程度">
              <el-radio-group v-model="reportForm.patientEducationLevel" onclick="return false">
                <el-radio label="01">研究生</el-radio>
                <el-radio label="02">大学本科</el-radio>
                <el-radio label="03">大学专科</el-radio>
                <el-radio label="04">中专（中技）</el-radio>
                <el-radio label="05">高中</el-radio>
                <el-radio label="06">初中</el-radio>
                <el-radio label="07">小学</el-radio>
                <el-radio label="08">文盲</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断(多个诊断之间用逗号隔开)" style="width: 600px">
              <el-input type="textarea" v-model="reportForm.patientDiagnosis" :rows="3" resize="none"
                        placeholder="请输入内容" :readonly="true"></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--其他情况-->
      <!--      <div style="width: 100%; margin-left: 8%; margin-top:1%">-->
      <!--        <div class="bname" ref="block3" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">其他情况</div>-->
      <!--        <div class="block" style="margin-top: 0.5%;">-->
      <!--          <el-form ref="form" :model="form" label-width="140px">-->
      <!--            <el-form-item label="立即通知">-->
      <!--              <el-checkbox-group v-model="form.reinimf">-->
      <!--                <el-checkbox label="护士长"></el-checkbox>-->
      <!--                <el-checkbox label="主管医生"></el-checkbox>-->
      <!--                <el-checkbox label="值班医生"></el-checkbox>-->
      <!--                <el-checkbox label="上级主管部门"></el-checkbox>-->
      <!--                <el-checkbox label="保卫科"></el-checkbox>-->
      <!--                <el-checkbox label="病人家属及陪护"></el-checkbox>-->
      <!--                <el-checkbox label="其他"></el-checkbox>-->
      <!--              </el-checkbox-group>-->
      <!--            </el-form-item>-->
      <!--            <el-form-item label="病人/家属对该事件反应" >-->
      <!--              <el-radio-group v-model="form.medicineType">-->
      <!--                <el-radio label="不知情"></el-radio>-->
      <!--                <el-radio label="知情能理解"></el-radio>-->
      <!--                <el-radio label="知情无法理解"></el-radio>-->
      <!--                <el-radio label="知情反应不详"></el-radio>-->
      <!--                <el-radio label="其他"></el-radio>-->
      <!--              </el-radio-group>-->
      <!--            </el-form-item>-->
      <!--          </el-form>-->
      <!--        </div>-->
      <!--      </div>-->

      <!--事件基本信息-->
      <div style="width: 100%">
        <div class="bname" ref="block4" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件基本信息
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="发生时间" :rules="[{required: true, message: '发生时间未选择'}]">
              <el-date-picker
                v-model="reportForm.occurrenceTime"
                type="datetime"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="发生日期" :rules="[{required: true, message: '发生日期未选择'}]">
              <el-date-picker
                v-model="reportForm.occurrenceDate"
                type="date"
                placeholder="选择日期时间"
                :readonly="true">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="日期类型">
              <el-radio-group v-model="reportForm.occurrenceDateType" onclick="return false">
                <el-radio label="01">工作日</el-radio>
                <el-radio label="02">周末</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生时段">
              <el-radio-group v-model="reportForm.occurrenceTimePeriod" onclick="return false">
                <el-radio label="01">上午(08:00-12:00)</el-radio>
                <el-radio label="02">中午(12:00-14:00)</el-radio>
                <el-radio label="03">下午(14:00-18:00)</el-radio>
                <el-radio label="04">上夜(18:00-00:00)</el-radio>
                <el-radio label="05">下夜(00:00-08:00)</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="发生地点" style="width: 600px">
              <el-input v-model="reportForm.occurrenceLocation" :readonly="true"></el-input>
            </el-form-item>
            <!--上传图片-->
            <el-form-item label="现场照片" prop="images">
              <image-upload :limit="1" v-model="reportForm.occurrenceScenePhotos" :readonly="true"/>
<!--              <el-upload
                action=""
                :limit="500"
                list-type="picture-card"
                :on-exceed="handleExceed"
                :before-upload="beforeUpload"
                :on-remove="handleRemove"
                :file-list="fileList"
                :readonly="true"
              >
                <i class="el-icon-plus avatar-uploader-icon"></i>
              </el-upload>-->
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--当事人资料-->
      <div style="width: 100%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">当事人资料
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="姓名" style="width: 600px" :rules="[{required: true, message: '当事人姓名不能为空'}]">
              <el-input v-model="reportForm.partyName" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="年龄" style="width: 600px">
              <el-input v-model="reportForm.partyAge" :readonly="true"></el-input>
            </el-form-item>
            <el-form-item label="工作年限" >
              <el-radio-group v-model="reportForm.partyYearsOfExperience"onclick="return false" >
                <el-radio label="01"><1年</el-radio>
                <el-radio label="02">1≤y≤2</el-radio>
                <el-radio label="03">2≤y≤5</el-radio>
                <el-radio label="04">5≤y≤10</el-radio>
                <el-radio label="05">10≤y≤20</el-radio>
                <el-radio label="06">≥20年</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="类别" >
              <el-radio-group v-model="reportForm.partyCategory" onclick="return false" >
                <el-radio label="01">在编</el-radio>
                <el-radio label="02">聘用</el-radio>
                <el-radio label="03">进修</el-radio>
                <el-radio label="04">实习</el-radio>
                <el-radio label="05">轮转</el-radio>
              </el-radio-group>
            </el-form-item>
              <el-form-item label="学历" >
                <el-radio-group v-model="reportForm.partyEducation" onclick="return false" >
                  <el-radio label="01">中专</el-radio>
                  <el-radio label="02">大专</el-radio>
                  <el-radio label="03">本科</el-radio>
                  <el-radio label="04">硕士</el-radio>
                  <el-radio label="05">其他</el-radio>
                </el-radio-group>
              </el-form-item>
            <el-form-item label="职务">
              <el-radio-group v-model="reportForm.partyPosition" onclick="return false">
                <el-radio label="01">医疗</el-radio>
                <el-radio label="02">药剂</el-radio>
                <el-radio label="03">护理</el-radio>
                <el-radio label="04">医技</el-radio>
                <el-radio label="05">检验</el-radio>
                <el-radio label="06">工程技术</el-radio>
                <el-radio label="07">行政管理</el-radio>
                <el-radio label="08">后勤保障</el-radio>
              </el-radio-group>
            </el-form-item>
            <!--            <el-form-item label="职称" >-->
            <!--              <el-radio-group v-model="form.jiuImpossible">-->
            <!--                <el-radio label="高级"></el-radio>-->
            <!--                <el-radio label="中级"></el-radio>-->
            <!--                <el-radio label="初级"></el-radio>-->
            <!--              </el-radio-group>-->
            <!--            </el-form-item>-->
          </el-form>
        </div>
      </div>

      <!--事件结果-->
      <div style="width: 100%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件结果</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="纠纷或纠纷隐患可能性" :rules="[{required: true, message: '纠纷或纠纷隐患可能性未选择'}]">
              <el-radio-group v-model="reportForm.resultsPossibilityDispute" onclick="return false">
                <el-radio label="01">确定有</el-radio>
                <el-radio label="02">可能有</el-radio>
                <el-radio label="03">无</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="事件严重程度" prop="resultsEventSeverity" style="width: 600px"
                          :rules="[{required: true, message: '事件严重程度未选择'}]">
              <div>
                <dict-tag style="font-size: 15px;color: #dd524d" :options="dict.type.he_event_severity" :value="reportForm.resultsEventSeverity"/>
              </div>
            </el-form-item>
            <el-form-item label="事件分级" style="width: 600px"  :rules="[{required: true, message: '事件分级未选择'}]">
              <el-radio-group v-model="reportForm.resultsEventClassification" onclick="return false">
                <el-radio label="01" style="margin-top: 10px; margin-bottom: 10px">Ⅰ级事件: 发生错误，造成患者死亡 (包括损害程度I级)
                </el-radio>
                <el-radio label="02" style="margin-bottom: 10px">Ⅱ级事件: 发生错误，且造成患者伤害 (包括损害程度E、F、G、H级)</el-radio>
                <el-radio label="03" style="margin-bottom: 10px">Ⅲ级事件: 发生错误，但未造成患者伤害 (包括损害程度B、C、D级)</el-radio>
                <el-radio label="04">Ⅳ级事件: 错误未发生 (错误隐患)(包括损害程度A级)</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="伤害严重度">
              <el-radio-group v-model="reportForm.resultsSeverityInjury"onclick="return false">
                <el-radio label="01">死亡</el-radio>
                <el-radio label="02">极度严重</el-radio>
                <el-radio label="03">重度</el-radio>
                <el-radio label="04">中度</el-radio>
                <el-radio label="05">轻度</el-radio>
                <el-radio label="06">未造成伤害</el-radio>
                <el-radio label="07">无伤害</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--报告者信息-->
      <div style="width: 100%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">报告者信息
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="reportForm" :model="reportForm" label-width="140px">
            <el-form-item label="事件呈报方式" :rules="[{required: true, message: '事件呈报方式未选择'}]">
              <el-radio-group v-model="reportForm.reportMethod" onclick="return false">
                <el-radio label="01">主动呈报</el-radio>
                <el-radio label="02">投诉</el-radio>
                <el-radio label="03">他人报告</el-radio>
                <el-radio label="04">质量检查发现</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="其他信息备注" style="width: 600px">
              <el-input type="textarea" v-model="reportForm.reportOtherRemarks" :rows="3" resize="none" :readonly="true" ></el-input>
            </el-form-item>
            <!--附件图片-->
            <el-form-item label="附件图片" prop="images">
              <image-upload :limit="1" v-model="reportForm.reportAttachedImages" :readonly="true"/>
<!--              <el-upload
                action=""
                :limit="500"
                list-type="picture-card"
                :on-exceed="handleExceed"
                :before-upload="beforeUpload"
                :on-remove="handleRemove"
                :file-list="fileList1"
                :readonly="true"
              >
                <i class="el-icon-plus avatar-uploader-icon"></i>
              </el-upload>-->
            </el-form-item>
          </el-form>
        </div>
      </div>
    <!--保存按钮-->
    <div style="position: fixed; margin-top: -0.5%; right: 3%; width: 300px">
      <el-button
        type="primary"
        style="margin-left: 15px"
        @click="baocun"
      >保存
      </el-button>
      <el-button
        type="info" plain
        style="margin-left: 15px"
        @click="fanhui"
      >返回
      </el-button>
    </div>

  </div>
   </div>
</template>


<script>
import ScrollPane from "@/layout/components/TagsView/ScrollPane";
import {addBasic} from "@/api/module/trj/basic";
import {getBasic} from "@/api/module/shao/shijian/basic";
// import { listReport, getReport, delReport, addReport, updateReport } from "@/api/module/trj/report";

export default {
  components: {ScrollPane},
  dicts: ['he_use_of_medications','he_department_name', 'he_event_severity', 'he_discussion_qualitative_levels', 'he_measure_strengthen_communication', 'he_measure_improve_administration', 'he_measure_care_management', 'he_measure_strengthen_education', 'he_possible_causes_environment', 'he_possible_causes_process_system', 'he_possible_causes_consumable_drug', 'he_possible_causes_equipment', 'he_discussion_medical_malpractice', 'he_discussion_involves_patient', 'he_education', 'he_patient_gender', 'he_party_post', 'he_report_event_state', 'he_report_event_type', 'he_patient_age_grades', 'he_event_severity', 'he_review_status', 'he_report_status', 'he_position', 'he_event_classification', 'he_review_event_type', 'he_possibility_of_dispute', 'he_patient_involved', 'he_analyze_reports', 'he_fallback_status', 'he_occurrence_time_period', 'he_event_determinatione', 'he_situation_measures_event', 'he_patient_education_level', 'he_diagnosis_category', 'he_years_of_experience', 'he_severity_of_injury', 'he_reporting_method', 'he_patient_nursing_level', 'he_date_type', 'he_invalidation_status', 'he_patient_ethnic_group', 'he_category', 'he_handling_status', 'he_possible_causes_workers', 'he_possible_causes_patient', 'he_possible_causes_family'],
  data() {
    return {
      // form:{
      //   heEventBasic: {},
      //   heEventFlow: {},
      //   heEventReport: {}
      // },
      bingfa: [],
      formEvent: {
        //代表是事件基本信息表
        heEventBasic: {},
        //代表事件上传信息表
        heEventReport: {},
        //代表事件流程表
        heEventFlow: {},
      },
      checkList2: [], // 定义一个空数组来存储选中的值

      //上传图片
      fileList: [],
      //附件图片
      fileList1: [],
      //代表事件上报信息表
      reportForm: {
        //以下都是新增到事件上传信息表的字段
        //事件情况描述
        situationEdescriptionProcess: '',
        situationMeasuresEvent: '',
        situationTakenMeasures: '',
        situationCausesconsequences: '',
        //患者资料
        patientInvolved: '',
        patientDiagnosisCategory: '',
        patientRecordOutpatient: '',
        patientName: '',
        patientGender: '',
        patientDateOfBirth: '',
        patientAge: '',
        patientAgeStage: '',
        patientEthnicGroup: '',
        patientWeight: '',
        patientPreDisease: '',
        patientContact: '',
        patientFamilyNumber: '',
        patientAdmissionTime: '',
        patientDepartment: '',
        patientBedNumber: '',
        patientNursingLevel: '',
        patientEducationLevel: '',
        patientDiagnosis: '',
        //其他情况暂时没有字段以后加这里先写死
        //事件基本信息
        occurrenceTime: '',
        occurrenceDate: '',
        occurrenceDateType: '',
        occurrenceTimePeriod: '',
        occurrenceLocation: '',
        occurrenceScenePhotos: '',
        //当事人资料
        partyName: '',
        partyAge: '',
        partyYearsOfExperience: '',
        partyCategory: '',
        partyEducation: '',
        partyPosition: '',
        partyPost: '',
        //事件结果
        resultsPossibilityDispute: '',
        resultsEventSeverity: '',
        resultsEventClassification: '',
        resultsSeverityInjury: '',
        //报告者信息(上报信息)
        reportMethod: '',
        reportAttachedImages: '',
        reportOtherRemarks: '',
        note1: '',
      },
      basicForm: {
        pipelineDateCatheterization: '',
        pipelinePipingType: '',
        pipelineIndwellingCauses: '',
        pipelineAntibacterialCatheters: '',
        pipelineClabsiOccurs: '',
        pipelineIndwellingTime: '',
        pipelineNumberExtubations: '',
        pipelineExtubationReason: '',
        pipelineReset: '',
        pipelineRestraint: '',
        pipelineAccompaniedFamily: '',
        pipelineAccompanyFamily: '',
        pipelinePatientStatus: '',
        pipelinePatientConscious: '',
        pipelineWhetherSedated: '',
        pipelineScoringTools: '',
        pipelineMobility: '',
        pipelineMentalState: '',
        pipelineSelfcare: '',
        pipelinePipeFixation: '',
        pipelineHealthEducation: '',
        pipelineRestraintUse: '',
        pipelineStaffMember: '',
        pipelineComplication: [],
      },
      flowForm: {},
      ageStageOption: [
        {
          value: '01',
          label: '新生儿'
        }, {
          value: '02',
          label: '1-6月'
        }, {
          value: '03',
          label: '7-12月'
        }, {
          value: '04',
          label: '1-6岁'
        }, {
          value: '05',
          label: '7-12岁'
        }, {
          value: '06',
          label: '13-18岁'
        }, {
          value: '07',
          label: '19-64岁'
        }, {
          value: '08',
          label: '65岁以上'
        }, {
          value: '09',
          label: '其他'
        },
      ],
      ageStageOption1: [ //科室
        {
          value: '信息科',
        }, {
          value: '外科',
        }, {
          value: '妇产科',
        }, {
          value: '麻醉科',
        }
      ],
      ethnicGroupOption: [],
      thingSeriousOption: [
        {
          value: '01',
          label: 'A级:客观环境或条件可能引发不良事件(不良事件隐患)',
        }, {
          value: '02',
          label: 'B级:不良事件发生但未累及患者',
        },
        {
          value: '03',
          label: 'C级:不良事件累及到患者但没有造成伤害',
        },
        {
          value: '04',
          label: 'D级:不良事件累及到患者需要进行监测以确保患者不被伤害，或需通过干预阻止伤害发生',
        },
        {
          value: '05',
          label: 'E级:不良事件造成患者暂时性伤害并需要进行治疗或干预',
        },
        {
          value: '06',
          label: 'F级:不良事件造成患者暂时性伤害并需要住院或延长住院时间',
        },
        {
          value: '07',
          label: 'G级:不良事件造成事者示久性伤害,但不需要治疗挽数生命',
        },
        {
          value: '08',
          label: 'H级:不良事件发生并导致患者需要治疗挽救生命'
        },
        {
          value: '09',
          label: 'I级:不良事件发生导致患者死亡',
        },

      ],

    }
  },
// 禁止web端屏幕缩放
  async created() {
    //获取上一个页面传过来的id
    const id = this.$route.query.id;
    //通过id查询
    await getBasic(id).then(response => {
      //获取后台传过来的表单
      this.formEvent = response.data;
      //将其对应赋值进行表单渲染
      this.basicForm=this.formEvent.heEventBasic
      this.reportForm=this.formEvent.heEventReport
    });
    await this.xian();
    // window.addEventListener("mousewheel", function (event) {
    //   if (event.ctrlKey === true || event.metaKey) {
    //     event.preventDefault();
    //   }
    // }, {passive: false})
  },
  methods: {
    xian() {
      //用于多选框反显
      this.bingfa = this.pushCheckbox(this.basicForm.pipelineComplication)
    },
    //用于多选框反显
    pushCheckbox(str) {
      if (str == null) {
        console.log("多选框未全选中")
      } else {
        const boxlist = str.split(',');
        return boxlist;
      }
    },
  },


  // //附件图片
  // handleRemove(file) {
  //   this.fileList2 = this.fileList2.filter(item => item.uid !== file.uid);
  // },
  // handleExceed() {
  //   this.msgError("最多只能传500张照片");
  // },
  // beforeUpload(file) {
  //   const isJPG = file.type === "image/jpeg" || file.type == "image/png";
  //   const isLt2M = file.size / 1024 / 1024 < 2;
  //   if (!isJPG) {
  //     this.$message.error("上传头像图片只能是 JPG 或 PNG 格式!");
  //     return;
  //   }
  //   if (!isLt2M) {
  //     this.$message.error("上传头像图片大小不能超过 2MB!");
  //     return;
  //   }
  //   const fileData = new FormData();
  //   fileData.append("avatar", file);
  //   //upload为上传的接口
  //   upload(fileData).then(res => {
  //     this.imgUrl = res.imgUrl;
  //     //对返回的图片地址进行回显
  //     this.$set(this.form, "avatar", this.imgUrl);
  //   });
  //   //阻止传到本地浏览器
  //   return false;
  // },


}


</script>

<style lang="scss" scoped>
@import "src/views/module/shao/blackFont";
.sidebar {
  margin-left: 3%;
  width: 10%;
  float: left;
  display: flex;
}

.content {
  margin-right: 1.5%;
  width: 87%;
}

.btn-box {
  position: fixed;
  margin-top: 1%;

  ::v-deep .el-card__body {
    padding: 15px 15px 15px 5px;
  }
}

.btn-box button {
  text-align: left;
  padding: 0 0 0 10px;
  display: block;
  width: 150px;
  height: 40px;
  border: none;
  cursor: pointer;
}

.btn-box button:hover {
  background: hsl(221, 98%, 68%);
  color: white;
}

.block {
  border: 1px solid white;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 5rem;
  box-sizing: border-box;

  .el-form-item {
    margin-bottom: 10px;
  }
}

.bname {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  //color: #606266;
  color: #000;
}
</style>
